<template>
  <div :class="$style.pageTransferFasterestIndex">
    <h1 :class="$style.titleH1" class="flexWrapSB flexC1 borderBDotted">
      筛选出借标的<a href="javascript:;" class="uLinkBlue">债权转让规则</a>
    </h1>
    <div :class="$style.main">
      <div class="radioPillWrap">
        <div class="radioPillItem">
          <h3 class="radioPillTitleH3">标的年化利率</h3>
          <radio-pill :radioPillList="radioPillList1" ref="radioPillList1"></radio-pill>
        </div>
        <div class="radioPillItem">
          <h3 class="radioPillTitleH3">标的年化利率</h3>
          <radio-pill :radioPillList="radioPillList2" ref="radioPillList2"></radio-pill>
        </div>
        <div class="radioPillItem">
          <h3 class="radioPillTitleH3">标的年化利率</h3>
          <radio-pill :radioPillList="radioPillList3" ref="radioPillList3"></radio-pill>
        </div>
      </div>
      <p class="f34 cBasic mt90 mb20">温馨提示：</p>
      <ol class="f34 cBasic2 pl45 lTDecimal lh18 taj">
        <li class="">
          回款计划日、还款划扣日、实际到账日不可申请转让。
        </li>
        <li class="">
          申请转让的债权本金须>=100元。
        </li>
        <li class="">
          逾期债权不可申请转让。
        </li>
        <li class="">
          出借标的计息未满1个月的不可转让。（原步步高、定期宝匹配的散标债权的首次转让除外）
        </li>
      </ol>
    </div>
    <div class="fixedB pt35 pb35 pl50 pr50 bgWhite setShadowUp">
      <a href="javascript:;" class="uBtn uBtnPrimary uBtnLarge" @click="submitHandle">出借</a>
    </div>
  </div>
</template>

<script>
  import radioPill from '@/pagesmodule/radioPill'

  export default {
    name: 'pageTransferFasterestIndex',
    components: {
      radioPill
    },
    data () {
      return {
        radioPillList1: [
          {txt: '全部', key: '000'},
          {txt: '25-36个月', key: '001'},
          {txt: '25-36个月', key: '002'},
          {txt: '25-36个月', key: '003'},
          {txt: '25-36个月', key: '004'}
        ],
        radioPillList2: [
          {txt: '全部', key: '100'},
          {txt: '25-36个月', key: '101'},
          {txt: '25-36个月', key: '102'},
          {txt: '25-36个月', key: '103'},
          {txt: '25-36个月', key: '104'}
        ],
        radioPillList3: [
          {txt: '全部', key: '200'},
          {txt: '25-36个月', key: '201'},
          {txt: '25-36个月', key: '202'},
          {txt: '25-36个月', key: '203'},
          {txt: '25-36个月', key: '204'}
        ]
      }
    },
    methods: {
      submitHandle () {
        let List1Index = this.$refs.radioPillList1.currentIndex
        let List2Index = this.$refs.radioPillList2.currentIndex
        let List3Index = this.$refs.radioPillList3.currentIndex
        console.log(this.radioPillList1[List1Index].key)
        console.log(this.radioPillList2[List2Index].key)
        console.log(this.radioPillList3[List3Index].key)
      }
    }
  }
</script>

<style lang="scss" scoped>

</style>

<style lang="scss" module>
  html {
    background: #fff;
  }

  .pageTransferFasterestIndex {
    padding-bottom: 200px;

  }

  .titleH1 {
    height: 170px;
    padding: 0 50px 32px;
    font-size: 50px;
    a {
      font-size: 36px;
    }
  }

  .main {
    padding: 30px 50px 0;
  }
</style>
